<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="/WEB-INF/taglibs.jsp" %>

<!doctype html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta name="description" content="Web aplication that enables management of home videos, movies, music, etc."> 
        <link rel="stylesheet" type="text/css" href="../videoWeb.css">
        <title>Videotéka</title>
    </head>
    <body>

        <div id="container">
            <div id="header">
                <div class="inner">
                    <div id="logo">
                        <img src="../logo.png" alt="videoWeb logo">
                    </div>
                    <div id="searching">
                        <stripes:form method="post" action="/action/search.jsp" style="margin-bottom: 0;">
                            <input type="image" src="search-icon.png" name="search" alt="Submit" width="16" height="16">
                            <stripes:text name="searchedText" value="Hledat..." onfocus="if (this.value == 'Hledat...')
                                                                    this.value = '';" class="input-search"/>
                        </stripes:form>
                    </div>
                </div>
            </div>

            <div id="menu">
                <div class="inner">
                    <ul>
                        <li class="first"><a href="../index.jsp">HOME</a></li>
                        <li><a href="../Mediums.jsp">Všechny záznamy</a></li>
                        <li><a class="active" href="../NewMedium.jsp">Přidat médium</a></li>
                        <li><a href="../NewCategory.jsp">Vytvořit kategorii</a></li>
                        <li><a href="../Import-from-odf.jsp">Import</a></li>                
                        <li><a href="../Export-to-odf.jsp">Export</a></li>          
                    </ul>
                </div>
            </div>

            <div id="content">
                <div class="inner">
                    <div class="step">krok 2 (ze 2)</div>



                    <stripes:form action="/action/NewMediumContinue.jsp">
                        <h2> Přidání nového média: <i>${actionBean.category}</i></h2>
                        <table>
                            <c:forEach items="${actionBean.categoryHeader}" var="category" varStatus="loop">
                                <tr>
                                    <td>${category}</td>
                                    <td><stripes:text name="textFields[${loop.index}]" class="input"/></td>
                                </tr>
                                <c:set var="newIndex" value="${loop.index + 1}" scope="page"/>
                            </c:forEach>
                        </table>
                        <br />
                        <stripes:submit name="submitMedium" value="Potvrzení" class="button"/>
                        <h3>${actionBean.finished}</h3>
                    </stripes:form>
                </div>
            </div>
        </div>
            <div id="footer">
                <div class="inner">
                    <p>Vývojáři: Lenka Kuníková, Martina Durkošová, Filip Kšenzuliak, Martin Kubíček. Vytvořeno pro předmět PB138, jaro 2013.</p>
                </div>
            </div>
    </body>
</html>
